<template>
	<page-meta :page-style="'overflow:'+(popupImg||isDrawPop||isHDDrawPop?'hidden':'visible')"></page-meta>
	<view class="groupoldmanjoin" v-if="showPage">
		<view v-if="step<4" class="f-w f-21">填写入会信息</view>
		<view v-if="step==1">
			<view class="scxsz_box" @click="uploadCarsImg()">
				<image v-if="car_license_one" class="oldman_xsz" :src="picUrl+car_license_one" mode="aspectFill">
				</image>
				<view v-else class="text-c">
					<view class="f-21">点击上传行驶证照片</view>
					<view class="add_blockimg">
						<uni-icons type="plusempty" color="#ffffff" size="26"></uni-icons>
					</view>
				</view>
			</view>
			<view class="c-red f-16 mt-10" v-if="isShowXSZ">提示：请上传行驶证照片</view>
			<view class="f-w f-18 mt-30">选择您的车型</view>
			<view class="c-red f-16 mt-10" v-if="isShowXCX">提示：请选择您的车型</view>
			<view class="car_model_box">
				<uni-row class="" :gutter="30">
					<uni-col v-for="(item,index) in seriesList" :key="item.value" v-if="index<seriesIndex" :span="12">
						<view :class="item.value==car_series_one?'car_model_cell_box_on':'car_model_cell_box'"
							@click="changeCarSeries(item.value)">{{item.value}}
						</view>
					</uni-col>
				</uni-row>
			</view>
			<view v-if="seriesIndex==4" class="more_series" @click="seriesIndex=99">点击查看更多车型</view>
		</view>
		<view v-if="step==2">
			<view class="mt-20">
				<uni-data-select class="step_select" v-model="province_id" :localdata="provincelist" @change="changeP"
					placeholder="选择所在省"></uni-data-select>
			</view>
			<view class="c-red f-16 mt-10" v-if="isShowSF">提示：请选择所在省</view>
			<view class="mt-20">
				<uni-data-select class="step_select" v-model="city_id" :localdata="citylist" @change="changeC"
					placeholder="选择所在市"></uni-data-select>
			</view>
			<view class="c-red f-16 mt-10" v-if="isShowCS">提示：请选择所在市</view>
			<view v-for="(item,index) in companylist" :key="item.value" class="pop_input_box"
				@click="changeJ(item.value,index)">
				<uni-icons v-if="item.value==company_id" type="checkbox-filled" size="28" color="#00A0DC"></uni-icons>
				<uni-icons v-else type="circle" size="28" color="#00A0DC"></uni-icons>
				<view class="flex-1 ml-15">{{item.text}}</view>
			</view>
			<view class="c-red f-16 mt-10" v-if="isShowJXS">提示：请选择经销商</view>
			<view v-if="isShowNoCompanyText" class="text-c f-18 mt-50">
				<view>该市暂时没有经销商</view>
				<view>建议选择您周边城市的经销商</view>
			</view>
		</view>
		<view v-if="step==3">
			<view class="pop_input_box">
				<input class="" v-model="name" maxlength="8" placeholder="点击此处填写您的姓名" @input="changeName" />
			</view>
			<view class="c-red f-16 mt-10" v-if="isShowXM">提示：请填写您的姓名</view>
			<view class="pop_input_box">
				<input class="" type="number" v-model="mobile" maxlength="11" placeholder="点击此处填写您的手机号"
					@input="changeMobile" />
			</view>
			<view class="c-red f-16 mt-10" v-if="isShowSJH">{{isShowSJHTEXT}}</view>
		</view>
		<view v-if="step==4">
			<view class="audit_box">
				<image v-if="status==0" class="audit_img" :src="onlinePic+'audit_ing.png'"></image>
				<image v-if="status==1" class="audit_img" :src="onlinePic+'audit_ok.png'"></image>
				<image v-if="status==2" class="audit_img" :src="onlinePic+'audit_no.png'"></image>
				<view class="f-22 f-w mt-5">{{status_text}}</view>
				<view :class="status==2?'f-18 mt-5 c-red':'f-18 mt-5'">
					<text>{{refuse_reason}}</text>
				</view>
			</view>
		</view>
		<view @click="nextStep()">
			<view v-if="step<3" class="group_public_btn_block mt-30" style="font-size: 36rpx;">下一步</view>
			<view v-if="step==3" class="group_public_btn_block mt-50" style="font-size: 36rpx;">确认提交申请</view>
			<view v-if="step==4">
				<view v-if="status==0||status==2" class="group_public_btn_block mt-50" style="font-size: 36rpx;">重新提交
				</view>
				<view v-if="status==1" class="group_public_btn_block mt-50" style="font-size: 36rpx;">进入车友会</view>
			</view>
		</view>
		<view v-if="popupImg||isDrawPop||isHDDrawPop" class="guide_mask_box" @click="closePopup"></view>
		<view class="popup_img_box" v-if="popupImg">
			<image class="popup_img" :src="onlinePic+'popup_img.png'" mode="widthFix"></image>
			<view class="popup_text_box">
				<text>{{popup_text}}</text>
			</view>
			<view class="pop_close_icon_box">
				<uni-icons class="pop_close_icon" @click="closePopup" type="close" color="#ffffff"
					size="50"></uni-icons>
			</view>
		</view>
		<view class="draw_pop" v-if="isDrawPop">
			<image class="win_pop_img" :src="picUrl+lotteryinfo.popup" mode="widthFix"></image>
			<view class="draw_pop_text">
				<view class="f-20 f-w mt-20">{{lotteryinfo.popup_title}}</view>
				<view class="f-18 mt-5">
					<text>{{lotteryinfo.popup_desc}}</text>
				</view>
			</view>
			<view class="draw_pop_btn" @click="goDrawPage">立即抽奖</view>
			<view class="draw_pop_close_icon_box">
				<uni-icons class="draw_pop_close_icon" @click="closeDrawPopup" type="close" color="#ffffff"
					size="50"></uni-icons>
			</view>
		</view>
		<view v-if="isDraw&&step==4" class="draw_tips_box" @click="goDrawPage">
			<image class="draw_tips_img" :src="picUrl+lotteryinfo.icon"></image>
		</view>
		<view class="draw_pop" v-if="isHDDrawPop">
			<image class="win_pop_img" :src="picUrl+hdlotteryinfo.popup" mode="widthFix"></image>
			<view class="draw_pop_text">
				<view class="f-20 f-w mt-20">{{hdlotteryinfo.popup_title}}</view>
				<view class="f-18 mt-5">
					<text>{{hdlotteryinfo.popup_desc}}</text>
				</view>
			</view>
			<view class="draw_pop_btn" @click="goHdDrawPage">立即抽奖</view>
			<view class="draw_pop_close_icon_box">
				<uni-icons class="draw_pop_close_icon" @click="closeDrawPopup" type="close" color="#ffffff"
					size="50"></uni-icons>
			</view>
		</view>
		<view class=""></view>
		<view class=""></view>
	</view>
</template>

<script>
	import {
		getCityList,
		getProvinceList,
		getCompanyList,
		submitClubJion,
		getClubJionInfo,
		getClubInfo,
		getClubCarSeries,
		getLotteryInfo,
		getHuodongLotteryInfo,
		getGroupUserInfo,
		getJoinLicense
	} from '@/api/motortime.js';
	let app = getApp()
	export default {
		data() {
			return {
				step: 1,
				showPage: false,
				userinfo: '',
				seriesList: [],
				seriesIndex: 4,
				care_status: 1,
				join_id: '',
				company_id: '',
				club_id: '',
				name: '',
				mobile: '',
				car_series_one: '',
				car_license_one: '',
				isShowXSZ: false,
				isShowXCX: false,
				isShowSF: false,
				isShowCS: false,
				isShowJXS: false,
				isShowXM: false,
				isShowSJH: false,
				isShowSJHTEXT: '',
				province_id: '',
				provincelist: [],
				city_id: '',
				citylist: [],
				companylist: [],
				status: 0,
				status_text: '',
				refuse_reason: '',
				popupImg: false,
				showPopup: false,
				popup_text: '',
				isDrawPop: false, //status:0:没有抽奖机会，1：可以抽奖；2：已抽奖   浮窗  12都显示  弹窗 1显示2不显示
				isDraw: false,
				lotteryinfo: '',
				hdlotteryinfo: '',
				isHDDrawPop: false,
				isShowNoCompanyText: false,
				picUrl: app.globalData.picUrl,
				onlinePic: app.globalData.onlinePic,
			};
		},
		onShow() {
			if (!uni.getStorageSync('access_token')) {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			} else {
				this.userinfo = uni.getStorageSync('userinfo')
			}
			if (uni.getStorageSync('onload')) {
				if (uni.getStorageSync('access_token')) {
					this.getClubJionInfo()
				}
				uni.removeStorage({
					key: 'onload'
				})
			}
		},
		onLoad(options) {
			if (options.club_id) {
				this.club_id = options.club_id ? options.club_id : 0
				this.getProvinceList()
				this.getClubInfo()
			}
			this.getClubCarSeries()
			if (uni.getStorageSync('access_token')) {
				uni.showLoading()
				this.getClubJionInfo()
			}
			var params = {
				event_code: '加入车友会-关怀模式',
				path: 'pages/group/groupoldmanjoin',
				event_id: '',
				title: '',
				source_page: '关怀模式',
				value: '',
			}
			app.BurialPoint(params)
		},
		methods: {
			getClubCarSeries() {
				getClubCarSeries().then(res => {
					if (res.state == 1) {
						this.seriesList = res.data.care_info
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			changeCarSeries(value) {
				this.car_series_one = value
				this.isShowXCX = false
			},
			getClubInfo() {
				getClubInfo({
					club_id: this.club_id,
					is_has_club: 1
				}).then(res => {
					if (res.state == 1) {
						this.city_id = res.data.info.city_id
						this.company_id = res.data.info.company_id
						this.companyGrouplist = []
						this.getCompanyList()
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			getClubJionInfo() {
				getClubJionInfo({}).then(res => {
					if (res.state == 1) {
						var info = res.data.info
						if (info.status == 0 || info.status == 1 || info.status == 2) {
							this.club_id = info.club_id
							this.join_id = info.join_id
							this.step = 4
							this.showPage = true
							this.status = info.status
							this.status_text = info.status_text
							this.refuse_reason = info.refuse_reason
							this.name = info.name
							this.mobile = info.mobile
							this.club_title = info.club_title
							this.license = info.license
							this.license_one = info.license_one
							this.license_two = info.license_two
							this.popup_text = info.popup_text
							this.sex = info.sex
							this.birthday = info.birthday
							this.car_series_one = info.car_series_one
							this.car_license_one = info.car_license_one
						} else {
							this.showPage = true
						}
						uni.hideLoading()
					} else {
						uni.hideLoading()
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			getProvinceList() {
				getProvinceList({
					province_id: this.province_id,
				}).then(res => {
					if (res.state == 1) {
						this.provincelist = res.data.list
						this.getCityList()
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			getCityList() {
				getCityList({
					province_id: this.province_id
				}).then(res => {
					if (res.state == 1) {
						this.citylist = res.data.list
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			changeP(e) {
				var that = this
				that.province_id = e
				that.company_id = ''
				that.companylist = []
				that.club_id = ''
				that.city_id = ''
				that.isShowSF = false
				that.getCityList()
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会关怀模式-选择省',
					value: '',
				}
				app.BurialPoint(params)
			},
			changeC(e) {
				var that = this
				that.city_id = e
				that.companyGrouplist = []
				that.company_id = ''
				that.companylist = []
				that.club_id = ''
				that.isShowCS = false
				that.getCompanyList()
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会关怀模式-选择市',
					value: '',
				}
				app.BurialPoint(params)
			},
			getCompanyList() {
				getCompanyList({
					club_id: this.club_id,
					city_id: this.city_id,
					is_has_club: 1
				}).then(res => {
					if (res.state == 1) {
						this.companylist = res.data.list
						var list = res.data.list
						if (list.length == 0) {
							this.isShowNoCompanyText = true
						} else {
							this.isShowNoCompanyText = false
						}
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			changeJ(e, index) {
				var that = this
				that.company_id = e
				that.club_id = that.companylist[index].club[0].club_id
				that.isShowJXS = false
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会关怀模式-选择经销商',
					value: '',
				}
				app.BurialPoint(params)
			},
			changeName(e) {
				if (e.detail.value) {
					this.isShowXM = false
				}
			},
			changeMobile(e) {
				var mobile = e.detail.value
				if (e.detail.value) {
					if ((/^1[3456789]\d{9}$/.test(mobile))) {
						this.isShowSJH = false
					}
				}
			},

			nextStep() {
				var that = this
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会第' + that.step + '步',
					value: '',
				}
				app.BurialPoint(params)
				if (that.step == 1) {
					if (that.car_license_one == '') {
						that.isShowXSZ = true
						return false;
					}
					if (that.car_series_one == '') {
						that.isShowXCX = true
						return false;
					}
					that.step = that.step + 1
					that.getJoinLicense()
					uni.showLoading()
				} else if (that.step == 2) {
					if (that.province_id == '') {
						that.isShowSF = true
						return false;
					} else if (that.city_id == '') {
						that.isShowCS = true
						return false;
					} else if (that.company_id == '') {
						that.isShowJXS = true
						return false;
					}
					that.step = that.step + 1
					var params = {
						event_code: '加入车友会-关怀模式',
						path: 'pages/group/groupoldmanjoin',
						event_id: '',
						title: '',
						source_page: '加入车友会选择车友会-下一步',
						value: '',
					}
					app.BurialPoint(params)
				} else if (that.step == 3) {
					if (that.name == '') {
						that.isShowXM = true
						return false;
					}
					if (that.mobile == '') {
						that.isShowSJHTEXT = '提示：请填写您的手机号'
						that.isShowSJH = true
						return false;
					} else {
						if (!(/^1[3456789]\d{9}$/.test(that.mobile))) {
							that.isShowSJHTEXT = '提示：您填写的手机号有误'
							that.isShowSJH = true
							return false;
						}
					}
					var obj = {
						care_status: 1,
						join_id: that.join_id,
						company_id: that.company_id,
						club_id: that.club_id,
						name: that.name,
						mobile: that.mobile,
						car_series_one: that.car_series_one ? that.car_series_one : '',
						car_license_one: that.car_license_one ? that.car_license_one : '',
						register_channel: uni.getStorageSync('Appoptions').query ? uni.getStorageSync('Appoptions')
							.query.register_channel : '',
					}
					uni.showModal({
						content: '确认提交申请吗？',
						confirmText: '确认',
						confirmColor: '#00A0DC',
						success: function(res) {
							if (res.confirm) {
								submitClubJion(obj).then(res => {
									if (res.state == 1) {
										that.step = that.step + 1
										uni.setStorage({
											key: 'onload',
											data: 'true',
										})
										getClubJionInfo({}).then(res => {
											if (res.state == 1) {
												var info = res.data.info
												that.status = info.status
												that.status_text = info.status_text
												that.refuse_reason = info
													.refuse_reason
												that.popup_text = info.popup_text
												const appOptions = uni.getStorageSync(
													'Appoptions');
												if (
													appOptions &&
													appOptions.query &&
													appOptions.query.register_channel &&
													appOptions.query.register_channel ===
													'活动抽奖'
												) {
													appOptions.query
														.register_channel = ''
													uni.setStorage({
														data: appOptions,
														key: 'Appoptions',
													})
												}
												// that.getLotteryInfod()
												that.getHuodongLotteryInfod()
												that.getGroupUserInfo()
											} else {
												uni.showToast({
													title: res.error[0],
													mask: true,
													icon: 'none',
													duration: 1500
												})
											}
										})
									} else {
										uni.showToast({
											title: res.error[0],
											mask: true,
											icon: 'none',
											duration: 1500
										})
									}
								})
								var params = {
									event_code: '加入车友会-关怀模式',
									path: 'pages/group/groupoldmanjoin',
									event_id: '',
									title: '',
									source_page: '加入车友会填写入会信息-提交申请',
									value: '',
								}
								app.BurialPoint(params)
							} else if (res.cancel) {
								console.log('用户点击取消');
							}
						}
					});
				} else if (that.step == 4) {
					if (that.status == 0 || that.status == 2) {
						uni.showModal({
							content: '确定重新提交吗？',
							confirmColor: '#00A0DC',
							success: function(res) {
								if (res.confirm) {
									that.step = 1
									that.value = 0
									that.name = ''
									that.mobile = ''
									that.citylist = []
									that.province_id = ''
									that.city_id = ''
									that.companylist = []
									that.company_id = ''
									that.driver_card = []
									that.license = []
									that.car_series_one = ''
									that.car_license_one = ''
									var params = {
										event_code: '加入车友会-关怀模式',
										path: 'pages/group/groupoldmanjoin',
										event_id: '',
										title: '',
										source_page: '加入车友会关怀模式-重新提交',
										value: '',
									}
									app.BurialPoint(params)
									that.getGroupUserInfo()
								} else if (res.cancel) {
									console.log('用户点击取消');
								}
							}
						});
					} else if (that.status == 1) {
						uni.redirectTo({
							url: '/pages/group/groupinfo?club_id=' + that.club_id
						})
					}

				}
			},
			getJoinLicense() {
				getJoinLicense({
					license_pic: this.car_license_one
				}).then(res => {
					if (res.state == 1) {
						console.log(res)
						this.province_id = res.data.info.province_id
						this.city_id = res.data.info.city_id
						this.getProvinceList()
						this.getCompanyList()
						uni.hideLoading()
					} else {
						uni.hideLoading()
						uni.removeStorage({
							key: 'access_token'
						})
					}
				})
			},
			uploadCarsImg() {
				var that = this
				uni.chooseMedia({
					count: 1,
					mediaType: ['image'],
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						var tempFilePaths = res.tempFiles
						uni.uploadFile({
							url: app.globalData.uploadUrl,
							filePath: tempFilePaths[0].tempFilePath,
							name: 'img',
							success: (uploadFileRes) => {
								console.log(JSON.parse(uploadFileRes.data));
								var picdata = JSON.parse(uploadFileRes.data);
								that.car_license_one = picdata.data.img
								that.isShowXSZ = false
								// that.license.push(picdata.data.img)
							}
						});
					}
				});
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会关怀模式-上传行驶证',
					value: '',
				}
				app.BurialPoint(params)
			},
			getHuodongLotteryInfod() {
				var that = this
				getHuodongLotteryInfo().then(res => {
					if (res.state == 1) {
						that.hdlotteryinfo = res.data
							.info
						if (res.data.info.status ==
							0) {
							that.isHDDrawPop = false
							that.popupImg = true
						} else if (res.data.info
							.status == 1) {
							that.isHDDrawPop = true
						} else if (res.data.info
							.status == 2) {
							that.isHDDrawPop = false
							that.popupImg = true
						}
					} else {
						uni.showToast({
							title: res.error[0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			getLotteryInfod() {
				var that = this
				getLotteryInfo().then(res => {
					if (res.state == 1) {
						that.lotteryinfo = res.data
							.info
						if (res.data.info.status ==
							0) {
							that.isDrawPop = false
							that.isDraw = false
							that.popupImg = true
						} else if (res.data.info
							.status == 1) {
							that.isDrawPop = true
							that.isDraw = true
						} else if (res.data.info
							.status == 2) {
							that.isDraw = true
							that.popupImg = true
						}

					} else {
						uni.showToast({
							title: res.error[
								0],
							mask: true,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			getGroupUserInfo() {
				getGroupUserInfo({
					user_id: uni.getStorageSync('userinfo') ? uni.getStorageSync('userinfo').user_id : ''
				}).then(res => {
					if (res.state == 1) {
						this.userinfo = res.data.list
						uni.setStorage({
							key: 'userinfo',
							data: res.data.list,
							success: function() {}
						});
					} else {
						uni.removeStorage({
							key: 'access_token'
						})
					}
				})
			},
			closePopup() {
				this.popupImg = false
				uni.navigateBack({
					delta: 1
				})
			},
			closeDrawPopup() {
				this.isDrawPop = false
				this.isHDDrawPop = false
			},
			goDrawPage() {
				if (this.lotteryinfo.status == 1 || this.lotteryinfo.status == 2) {
					uni.navigateTo({
						url: '/pages/draw/draw'
					})
				}
				this.isDrawPop = false
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会关怀模式-立即抽奖',
					value: '',
				}
				app.BurialPoint(params)
			},
			goHdDrawPage() {
				if (this.hdlotteryinfo.status == 1) {
					uni.navigateTo({
						url: '/pages/draw/huodongdraw'
					})
				} else if (this.hdlotteryinfo.status == 2) {
					if (this.hdlotteryinfo.gifts_status == 0) {
						uni.navigateTo({
							url: '/pages/draw/huodongdraw'
						})
					} else {
						uni.navigateTo({
							url: '/pages/draw/huodongdrawresult'
						})
					}
				}
				this.isHDDrawPop = false
				var params = {
					event_code: '加入车友会-关怀模式',
					path: 'pages/group/groupoldmanjoin',
					event_id: '',
					title: '',
					source_page: '加入车友会关怀模式-立即抽奖',
					value: '',
				}
				app.BurialPoint(params)
			},
			changePopup(e) {
				this.showPopup = e.show
			},
		},
		onShareAppMessage(res) {
			return {

			}
		},
		onShareTimeline: function() {
			return {

			}
		},
	}
</script>

<style lang="scss">
	page {
		background-color: #F7F7F7;
	}

	.groupoldmanjoin {
		padding: 50rpx 46rpx;

		.scxsz_box {
			width: 100%;
			height: 420rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 8rpx;
			margin-top: 63rpx;
			background-color: #ffffff;
			border: 1rpx solid #B5B5B5;

			.add_blockimg {
				width: 122rpx;
				height: 122rpx;
				color: #ffffff;
				font-size: 40rpx;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				margin-top: 32rpx;
				border-radius: 100%;
				background-color: #00A0DC;
			}

			.oldman_xsz {
				width: 100%;
				height: 420rpx;
				vertical-align: middle;
			}
		}

		.car_model_box {
			margin-top: 50rpx;

			.car_model_cell_box {
				font-size: 36rpx;
				padding: 32rpx 0;
				text-align: center;
				border-radius: 8rpx;
				margin-bottom: 40rpx;
				background-color: #ffffff;
				border: 1rpx solid #B5B5B5;
			}

			.car_model_cell_box_on {
				color: #ffffff;
				font-size: 36rpx;
				padding: 32rpx 0;
				text-align: center;
				border-radius: 8rpx;
				margin-bottom: 40rpx;
				background-color: #00A0DC;
				border: 1rpx solid #00A0DC;
			}
		}

		.more_series {
			font-size: 36rpx;
			text-align: center;
			margin: 20rpx 0;
			text-decoration: underline;
		}

		.audit_box {
			margin-top: 60rpx;
			text-align: center;

			.audit_img {
				width: 285rpx;
				height: 201rpx;
			}
		}

		.pop_input_box {
			height: 100rpx;
			font-size: 36rpx;
			margin-top: 60rpx;
			padding: 0 40rpx;
			display: flex;
			align-items: center;
			border-radius: 8rpx;
			border: 1rpx solid #B5B5B5;
			background-color: #FFFFFF;

			.icon-calendar {
				display: none;
			}
		}

		.step_select {
			font-size: 36rpx !important;

			.uni-stat-box {
				background-color: #FFFFFF !important;
			}

			.uni-select {
				padding: 0 40rpx !important;
				height: 100rpx !important;
				border: 1rpx solid #B5B5B5;
				border-bottom: 1rpx solid #B5B5B5;

				.uni-select__input-placeholder {
					font-size: 36rpx !important;
				}

				.uni-select__selector-item {
					font-size: 36rpx !important;
				}

				.uni-select__input-text {
					font-size: 36rpx !important;
				}
			}
		}

		.popup_img_box {
			position: fixed;
			top: 250rpx;
			left: 60rpx;
			right: 16rpx;
			z-index: 1001;

			.popup_img {
				width: 100%;
				vertical-align: middle;
			}

			.popup_text_box {
				color: #666666;
				font-size: 36rpx;
				position: absolute;
				top: 20%;
				left: 66rpx;
				right: 115rpx;
				z-index: 1002;
				line-height: 56rpx;
			}

			.pop_close_icon_box {
				position: absolute;
				bottom: -80rpx;
				left: 0;
				right: 0;
				z-index: 1002;
				text-align: center;
			}

		}

	}
</style>